<!-- 基于 ruoyi-vue3 的 Pagination 重构，核心是简化无用的属性，并使用 ts 重写 -->
<template>
  <el-empty :image-size="300" :description="'暂无数据'">
    <template #image>
      <Icon icon="svg-icon:no_data" :size="props.size" />
    </template>
  </el-empty>
</template>
<script lang="ts" setup>
import { propTypes } from '@/utils/propTypes'

defineOptions({ name: 'Empty' })
const props = defineProps({
  size: propTypes.number.def(300)
})
</script>
<style lang="scss" scoped>
:deep(.el-empty__image svg) {
  color: var(--el-color-primary) !important;
}
:deep(.el-empty__description) {
  margin-top: 0px;
}
</style>
